<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>我的信息 - 钱江黑盒</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
	<meta name="renderer" content="webkit">
	<meta name="description" content="钱江黑盒-专注于杭师钱江的校园闲置物品交易平台" />
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 
	<link rel="stylesheet" href="/fonts/iconfont.css">
	<link rel="stylesheet" type="text/css" href="/css/reset.css">
	<link rel="stylesheet" type="text/css" href="/css/user/space.css">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
</head>
<body> 
	<script src="/js/common/utils.js"></script>
	<script>
		let data = null;
	</script>
	<script src="/js/common/dynamic_login2.js"></script>
	<script>
		if(!data) {
			location.replace('/page/user/login.html');
		}
	</script>
	<div id="mask"></div>
	<div class="header">
		<div class="header-l fl">
			<div class="header-l clearfix">
				<h1 class="logo-info" id="logo">
					<a href="">
						<img src="/images/qb_logo3.png" alt="logo">
						<strong class="name">钱江黑盒</strong>
						<div class="desc">
							<em>我的信息</em>
						</div>
					</a>
				</h1>
			</div>
		</div>
		<div class="header-r fr">
			<div class="tips-img">
				<img src="/images/face/default.jpg" alt="用户头像"  id="headPortraint"/>
			</div>
			<div class="tips-calendar">在钱江黑盒的第<span id="calendarDay">1</span>天</div>
		</div>
	</div>
	<div class="main">
		<div class="info-menu" id="infoMenu">
			<div class="menu-item menu-data active">
				<span class="wrap">
					<i class="iconfont icon-gerenxinxi"></i>
					<span class="wrap-content">个人资料</span>
				</span>
			</div>
			<div class="menu-item menu-publish">
				<span class="wrap">
					<i class="iconfont icon-fabu"></i>
					<span class="wrap-content">发布商品</span>
				</span>
			</div>
			<div class="menu-item menu-manage">
				<span class="wrap">
					<i class="iconfont icon-tianchongxing-"></i>
					<span class="wrap-content">商品管理</span>
				</span>
			</div>
			<div class="menu-item message-center">
				<span class="wrap">
					<span class="wrap-content">消息中心</span>
				</span>
			</div>
			<div class="menu-item menu-item-message menu-reply">
				<span>回复我的</span>
				<em></em>
			</div>
			<div class="menu-item menu-item-message menu-like">
				<span>收到的赞</span>
				<em></em>
			</div>
			<div class="menu-item menu-item-message menu-my">
				<span>我的消息</span>
				<em></em>
			</div>
			<div class="menu-item menu-item-message menu-want">
				<span>求购信息</span>
				<em></em>
			</div>
		</div>
		<div class="info-desc" id="infoDesc">
			<div class="info-data clearfix">
				<div class="info-desc-title">
					<span class="title-icon"></span>
					<span class="title-text">个人资料</span>
				</div>
				<div class="fl textup">
					<div class="data-desc">
						<ul>
							<li class="number">
								<span>学号:</span>
								<em></em>
							</li>
							<li class="nickname">
								<span>昵称:</span>
								<input type="text" name="nickname" placeholder="请输入昵称" maxlength="50" />
								<i>必填项</i>
							</li>
							<li class="phone-number">
								<span>联系电话:</span>
								<input type="text" name="phoneNumber" value="" placeholder="请输入手机号或固定电话等" maxlength="20"/>
								<i>必填项</i>
							</li>
							<li class="department">
								<span>院系:</span>
								<select>
									<option value="请选择院系" selected="selected">请选择院系</option>
									<option value="经济管理分院">经济管理分院</option>
									<option value="理工分院">理工分院</option>
									<option value="艺术与传媒分院">艺术与传媒分院</option>
									<option value="护理分院">护理分院</option>
									<option value="外国语分院">外国语分院</option>
									<option value="体育分院">体育分院</option>
									<option value="文法分院">文法分院</option>
									<option value="继续教育学院">继续教育学院</option>
									<option value="马克思主义学院">马克思主义学院</option>
									<option value="老师">老师</option>
								</select>
								<i>必填项</i>
							</li>
							<li>
								<span>QQ:</span>
								<input type="text" name="qqNumber" value="" placeholder="请输入QQ号" maxlength="15"/>
							</li>
							<li>
								<span>班级:</span>
								<input type="text" name="className" placeholder="例：计算机1802" maxlength="30" />
							</li>
							<li>
								<span>寝室号:</span>
								<input type="text" name="dormitoryRoom" placeholder="例：14-202" maxlength="30" />
							</li>
						</ul>
					</div>
					<button class="data-save">保存</button>
				</div>
				<div class="fl fileup">
					<img src="/images/face/default.jpg" alt="用户头像" />
					<form method="POST" action="/user/headPortrait.do" enctype="multipart/form-data">
						<label>
							<input type="file" name="file" />
							<span>更换头像</span>	
						</label>
					</form>
				</div>
			</div>
			<div class="info-publish">
				<div class="info-desc-title">
					<span class="title-icon"></span>
					<span class="title-text">发布商品</span>
				</div>
				<div class="publish-desc">
					<ul>
						<li class="clearfix">
							<span>选择商品图片</span>
							<form method="POST" action="/goods/upload.do" enctype="multipart/form-data">
								<label class="choose-wrap">
									<input type="file" name="file" />
									<span>选择图片</span>
								</label>
							</form>
						</li>
						<li>
							<span>已上传的图片</span>
							<div class="upload-wrap">
								<!-- <img src="/images/my.jpg" alt="用户上传的图片" /> -->
							</div>
						</li>
						<li class="publish-name">
							<span>商品名称</span>
							<input type="text" placeholder="例：二手XXX" maxlength="30" />
						</li>
						<li>
							<span>商品详情</span>
							<textarea cols="80" rows="5" placeholder="建议写商品的用途、新旧程度、原价等信息，写的越详细越有可能被售出哦，至少15个字。" maxlength="500"></textarea>
						</li>
						<li class="publish-count">
							<span>商品数量</span>
							<input type="text" maxlength="2" value="1" />
						</li>
						<li class="pr publish-price">
							<span>售出价格</span>
							<input type="text" placeholder="人民币" />
						</li>
						<li class="publish-label">
							<span>添加商品标签</span>
							<div class="labels">
								<div class="label-sure">
									<strong>
										<em>最新上架</em>
										<i class="iconfont icon-cuo"></i>
									</strong>
								</div>
								<div class="label-tip">最多可添加5个标签</div>
							</div>
						</li>
						<li class="publish-label-wait">
							<span>待选标签</span>
							<ul>
								<li>品牌产品</li>
								<li>品质保证</li>
								<li>低价出售</li>
								<li>急售</li>
							</ul>
						</li>
						<li class="publish-label-custom">
							<span>自定义标签</span>
							<input type="text" maxlength="10" class="create-label" placeholder="例：笔记本电脑" />
							<i>按回车Enter键创建标签</i>
						</li>
					</ul>
				</div>
				<button>提交商品</button>
			</div>
			<div class="info-manage">
				<div class="info-desc-title">
					<span class="title-icon"></span>
					<span class="title-text">商品管理</span>
				</div>
				<div class="manage-desc">
					<div class="manage-h clearfix">
						<div class="fl manage-state">
							<div class="on">
								<span>全部商品</span>
								<em>0</em>
							</div>
							<div>
								<span>审核中</span>
								<em>0</em>
							</div>
							<div>
								<span>已通过</span>
								<em>0</em>
							</div>
							<div>
								<span>未通过</span>
								<em>0</em>
							</div>
							<div>
								<span>已下架</span>
								<em>0</em>
							</div>
						</div>
						<div class="fr pr manage-search">
							<input type="text" name="goodsInfo" placeholder="搜索商品" />
							<i></i>
						</div>
					</div>
					<div class="goods-wrap">
						<!-- <div class="goods-item clearfix">
							<a href="" class="fl goods-img">
								<img src="/images/phone_img1.jpg" alt="发布的商品图片" />
							</a>
							<div class="fl goods-desc">
								<a href="" class="goods-title">索尼</a>
								<strong>4023.00</strong>
								<p>
									<a href="">索尼（SONY）Xperia1 II 5G智能手机 12G+256G 9成新</a></p>
								<span class="goods-time">
									<span>2020-11-06 19:44</span>
									<i class="state-icon"></i>
								</span>
								<div class="goods-info">
									<span class="goods-view">浏览量：25</span>
								</div>
							</div>
							<div class="fr goods-cancel">
								<i class="iconfont icon-xiajia"></i>
								<span>下架</span>
							</div>
						</div> -->

					</div>
					<div class="nodata-mask" style="display: block;">
						<div class="nodata-bg"></div>
						<span class="nodata-tip">还没有发布过商品呢，快去发布吧</span>
					</div>
				</div>
			</div>
			<div class="info-reply info-message">
				<div class="info-desc-title">
					<span class="title-text">回复我的</span>
				</div>
				<div class="reply-desc message-desc">
					<div class="reply-wrap">
						<!-- <div class="reply-item clearfix">
							<img src="/images/my.jpg" alt="用户头像" />
							<div class="reply-meta">
								<div class="fl">
									<div class="reply-title">
										<span class="reply-name">青衣怪客</span>
										<span>回复了我的商品</span>
									</div>
									<p class="reply-content">能不能再便宜点</p>
									<div class="reply-b">
										<span class="reply-time">2020年11月07日 19:18</span>
										<div class="reply-delete">
											<i class="iconfont icon-shanchu"></i>
											<span>删除该通知</span>
										</div>
									</div>
								</div>
								<div class="fr reply-r">
									<a href="">索尼</a>
								</div>
							</div>	
						</div>
						<div class="reply-item clearfix">
							<img src="/images/my.jpg" alt="用户头像" />
							<div class="reply-meta">
								<div class="fl">
									<div class="reply-title">
										<span class="reply-name">青衣怪客</span>
										<span>回复了我的留言</span>
									</div>
									<p class="reply-content">同问</p>
									<div class="reply-b">
										<span class="reply-time">2020年11月07日 19:18</span>
										<div class="reply-delete">
											<i class="iconfont icon-shanchu"></i>
											<span>删除该通知</span>
										</div>
									</div>
								</div>
								<div class="fr reply-r">
									<a href="">能不能再便宜点</a>
								</div>
							</div>	
						</div>
						<div class="reply-item clearfix">
							<img src="/images/my.jpg" alt="用户头像" />
							<div class="reply-meta">
								<div class="fl">
									<div class="reply-title">
										<span class="reply-name">青衣怪客</span>
										<span>回复了我的求购信息</span>
									</div>
									<p class="reply-content">同学，你要多大的</p>
									<div class="reply-b">
										<span class="reply-time">2020年11月07日 19:18</span>
										<div class="reply-delete">
											<i class="iconfont icon-shanchu"></i>
											<span>删除该通知</span>
										</div>
									</div>
								</div>
								<div class="fr reply-r">
									<a href="">求购一台笔记本电脑</a>
								</div>
							</div>	
						</div> -->
					</div>
					<div class="nodata-mask" style="display: none;">
						<div class="nodata-bg"></div>
						<span class="nodata-tip">还没有收到回复信息呢，快去互动吧</span>
					</div>
				</div>
			</div>
			<div class="info-like info-message">
				<div class="info-desc-title">
					<span class="title-text">收到的赞</span>
				</div>
				<div class="like-desc message-desc">
					<div class="like-wrap">
						<!-- <div class="like-item clearfix">
							<img src="/images/my.jpg" alt="用户头像" />
							<div class="like-meta">
								<div class="fl">
									<div class="like-title">
										<span class="like-name">青衣怪客</span>
										<span>赞了我的留言</span>
									</div>
									<div class="like-b">
										<span class="like-time">2020年11月07日 19:18</span>
										<div class="like-delete">
											<i class="iconfont icon-shanchu"></i>
											<span>删除该通知</span>
										</div>
									</div>
								</div>
								<div class="fr like-r">
									<a href="">能不能再便宜点</a>
								</div>
							</div>	
						</div>
						<div class="like-item clearfix">
							<img src="/images/my.jpg" alt="用户头像" />
							<div class="like-meta">
								<div class="fl">
									<div class="like-title">
										<span class="like-name">青衣怪客</span>
										<span>赞了我的求购信息</span>
									</div>
									<div class="like-b">
										<span class="like-time">2020年11月07日 19:18</span>
										<div class="like-delete">
											<i class="iconfont icon-shanchu"></i>
											<span>删除该通知</span>
										</div>
									</div>
								</div>
								<div class="fr like-r">
									<a href="">能不能再便宜点</a>
								</div>
							</div>	
						</div> -->
					</div>
					<div class="nodata-mask" style="display: none;">
						<div class="nodata-bg"></div>
						<span class="nodata-tip">还没有新的点赞呢，快去互动吧</span>
					</div>
				</div>
			</div>
			<div class="info-my info-message">
				<div class="info-desc-title">
					<span class="title-text">我的消息</span>
				</div>
				<div class="message-desc">
					<div class="my-l">
						<div class="msg-tip">近期消息</div>
						<div class="target-box">
							<div class="target-content">
								<!-- <div class="target-item on">
									<div class="fl target-img">
										<img src="/images/my.jpg" alt="聊天对象头像" />
									</div>
									<div class="fl target-info">
										<span>青衣怪客</span>
										<p>聊天内容</p>
									</div>
									<i>×</i>
								</div>
								<div class="target-item"> 
									<div class="fl target-img">
										<img src="/images/my.jpg" alt="聊天对象头像" />
									</div>
									<div class="fl target-info">
										<span>青衣怪客</span>
										<p>聊天内容</p>
									</div>
									<i>×</i>
								</div>
								-->
							</div>
							<div class="target-scroll">
								<div class="target-bar"></div>
							</div>
						</div>
					</div>
					<div class="my-r">
						<div class="chat-name"><!-- 青衣怪客 --></div>
						<div class="chat-wrap">
							<div class="chat-box">
								<div class="chat-content">
									<!-- <div class="chat-tip">没有更多消息了～</div>
									<div class="chat-time">
										<span>2020年11月08日 18:45</span>
									</div>
									<div class="chat-item is-me">
										<img src="/images/my.jpg" />
										<div class="chat-message">这是青衣怪客发送的内容</div>
									</div>
									<div class="chat-item not-me">
										<img src="/images/my.jpg" />
										<div class="chat-message">这是青衣怪客发送的内容</div>
									</div> -->
								</div>
								<div class="chat-scroll">
									<div class="chat-bar"></div>
								</div>
							</div>
							<div class="chat-input">
								<div class="chat-input-t">
									<textarea placeholder="回复一下吧~" maxlength="500"></textarea>
									<div class="chat-indicator">
										<span>0</span>
										<span> / 500</span>
									</div>
								</div>
								<div class="chat-send">
									<button>发送</button>
								</div>	
							</div>
						</div>
						<div class="nodata-mask" style="display: none;">
							<div class="nodata-bg"></div>
							<span class="nodata-tip">没有新的未读消息呢，快找小伙伴聊天吧</span>
						</div>
					</div>
				</div>
			</div>
			<div class="info-want info-message">
				<div class="info-desc-title">
					<span class="title-text">求购信息</span>
				</div>
				<div class="want-desc message-desc">
					<div class="want-wrap" id="commentArea">
						<!-- <div class="comment-item">
							<div class="clearfix">
								<div class="item-l fl">
									<img src="/images/my.jpg" alt="用户头像" />
								</div>
								<div class="item-r fl">
									<span class="item-name">青衣怪客</span>
									<span class="item-time">11-01</span>
									<p class="item-content">求购内容求购内容求购内容求购内容求购内容求购内容求购内容求购内容求购内容求购内容求购内容求购内容求购内容求购内容求购内容</p>
									<div class="item-info">
										<span class="item-like">0</span>
										<span class="item-reply" id="id123">1</span>
									</div>
								</div>
							</div>
							<div class="comment-more" style="display:none;">
								<div class="comment-publish clearfix">
									<div class="publish-l">
										<img src="/images/my.jpg" alt="用户头像" />
									</div>
									<div class="publish-m">
										<textarea cols="80" name="msg" rows="5" placeholder="回复 @青衣怪客："></textarea>
									</div>
									<button class="publish-submit">发表评论</button>
								</div>
								<div class="comment-reply clearfix">
									<ul>
										 <li>
											<div class="content-img">
												<img src="/images/my.jpg" alt="用户头像" />
											</div>
											<div class="content-main">
												<span class="content-name">青衣怪客</span>
												<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
												<div class="content-b">
													<span class="content-time">2020-11-01</span>
												</div>
											</div>
										</li> 
									</ul>
								</div>
							</div>
						</div> --> 
					</div>
					<div class="nodata-mask" style="display: none;">
						<div class="nodata-bg"></div>
						<span class="nodata-tip">还未发布过求购信息呢，快去发布一个吧</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="/js/user/space.js"></script>
</body>
</html>